<html>
<head>
	<meta charset='utf-8' />
	<title>便民信息</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	<style>
		@media screen and (max-width:450px){
			#nav_bottom{width:98%;margin:0 auto}
			#content{width:98%;margin:0 auto}
			/*页面宽度900以下时 .abc的宽度为450*/
		}
		@media screen and (min-width:450px){
			#nav_bottom{width:450px;margin:0 auto}
			#content{width:450px;margin:0 auto}
			/*页面宽度900以下时 .abc的宽度为450*/
		}
	</style>
</head>
<body style='padding:0;margin:0;background:#eee'>
	<!--主内容区-->
	<div style='margin-bottom:50px' id='content'>
	
		<!--顶部广告区-->
		<div style='margin-bottom:5px;height:70px;border:1px solid'>
			顶部广告区
		</div>
		<div style='text-align:center;margin:50px 0;font:normal bold 25px normal'>
			用户登陆
		</div>
		
	
		<!--微博登陆-->
		<div style='width:200px;margin:0 auto'>
			<img src='Public/Img/weibo_login.png' style='width:100%' id='weibo_login' />
		</div>



		<!--QQ登陆-->
		<div style='width:200px;margin:0 auto;margin-top:50px'>
			<img src='Public/Img/qq_login.png' style='width:100%' id='qq_login' />
		</div>

	</div>
</body>
</html>
<script src='./Public/Js/jquery.js'></script>
<script src='./Public/Js/md5.js'></script>
<script>
$(function(){
	//微博登陆
	$('#weibo_login').click(function(){
		location.href='interface.php?type=weibo_login';
	});

	//QQ登陆
	$('#qq_login').click(function(){
		location.href='interface.php?type=qq_login';
	});

	//加载底部导航
	$.ajax({
		url:'./Public/Base/before_base_bottom_nav.html',
		success:function(res){
			$(res).appendTo('body');
		}
	})
});




</script>

